<template>
  <div class="PowerGridopera">
    <div class="flex location-wrap">
      <span class="white">当前位置：</span>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/EWManagement' }">预警管理</el-breadcrumb-item>
        <el-breadcrumb-item>预警策略</el-breadcrumb-item>
        <el-breadcrumb-item>电网运行方式调整</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="powermain">
      <div class="leftArea">
        <div class="dzq">
          <div class="title">调整前</div>
          <div class="svgArea">
            <img src="../../assets/img/yxjstzq.png" alt="">
          </div>
        </div>
        <div class="dzh">
          <div class="title">调整后</div>
          <div class="svgArea">
            <img src="../../assets/img/yxjstzh.png" alt="">
          </div>
        </div>
      </div>
      <div class="rightArea">
        <div class="topArea">
          <div class="title">预警通知单基本信息</div>
          <div class="main">国网湖北电力预警【2022】第7号</div>
          <div class="main">险情类别：强对流、暴雨</div>
          <div class="main">预警级别：蓝色</div>
          <div class="main">影响范围：随州市</div>
          <div class="main">影响时间：2022-07-18至2022-07-20</div>
          <div class="main">事件概要：7月19日至20日为最强降水时段，武汉、荆州、宜昌、孝感、荆门、黄冈、随州、恩施等地有大到暴雨、局部大暴雨，其他地区中到大雨、局部暴雨。过程期间累计降雨量一般40-80毫米，局部150-250毫米。期间，短时强降水、雷雨大风等强对流天气多发，最大小时雨强40-90 毫米，短时大风风力可达8 ~ 11级。</div>
        </div>
        <div class="botArea">
          <div class="title">电网运行方式调整措施</div>
          <div class="main">据湖北省重大气象信息专报([2022]第18期)预报，未来一周全省以分散性阵雨为主，局部有大雨或暴雨，经公司各部门会商，现对梅林变电站，进行电网运行方式调整，于2022年7月19日14时25分把随州市梅林变电站梅2262开关闭合，梅2261开关断开。</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: "InformationList",
  components: {},
  data() {
    return {
    };
  },
  created() {
  },
  methods: {

  }
};
</script>

<style scoped lang="less">
.PowerGridopera {
  height: 98%;
  display: flex;
  flex-direction: column;
  .powermain {
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    color: #fff;
    .leftArea {
      box-sizing: border-box;
      height: 100%;
      padding: 20px;
      width: 60%;
      border: 1px solid #0b438e;
      display: flex;
      justify-content: space-between;
      .dzq {
        width: 49%;
        display: flex;
        flex-direction: column;
      }
      .dzh {
        width: 49%;
        display: flex;
        flex-direction: column;
      }
      .title {
        font-size: 24px;
        background: linear-gradient(to right, #0b438e, #0b438e00);
        padding: 12px;
      }
      .svgArea {
        width: 100%;
        img {
          width: 100%;
        }
      }
    }
    .rightArea {
      height: 100%;
      width: 39%;
      padding: 20px;
      border: 1px solid #0b438e;
      display: flex;
      box-sizing: border-box;
      flex-direction: column;
      .title {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 12px;
        background: #0b438e;
        padding: 10px;
      }
      .main {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 600;
      }
    }
  }
}
:deep(.el-breadcrumb__inner) {
  font-weight: 100;
  color: #fff;
}
:deep(.el-breadcrumb) {
  font-size: 16px;
  line-height: initial;
}
</style>
